<template>
  <view class="product-box">
    <!-- 轮播图 -->
    <view class="pro-cu">
      <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" style="width: 100%;height: 100%;">
        <swiper-item>
          <view class="swiper-item"> <image src="../../static/包子.png" mode=""></image> </view>
        </swiper-item>
        <swiper-item>
          <view class="swiper-item"><image src="../../static/包子.png" mode=""></image> </view>
        </swiper-item>
      </swiper>
    </view>
    <view class="back-l">
      <u-icon name="arrow-left" size="50rpx" @click="backk"></u-icon>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        
      }
    },
    methods: {
      backk(){
        uni.navigateBack()
      }
    }
  }
</script>

<style lang="scss">
.product-box{
  width: 100%;
  height: 100vh;
  background-color: rgba(132,132,132,0.1);
  .back-l {
    width: 20%;
    height: var(--status-bar-height);
    padding-top: 100rpx;
    padding-left: 20rpx;
  }
  .pro-cu{
    width: 100%;
    height: 500rpx;
    position: absolute;
    top: 100rpx;
    .swiper-item{
      width: 100%;
      height: 100%;
      text-align: center;
      background-color: white;
      image{
      }
    }
  }
}
</style>
